$(function () {
    findByItem(1);
});

layui.use('layer', function(){
    var layer = layui.layer;
});


//分页查询
function findByItem(pageNO) {
    $.post("/product/findByItem","pageNO="+pageNO+"&"+$("#f1").serialize(), function (pageObj) {
        var str = "";
        for(var i = 0; i < pageObj.list.length;i++){
            var obj = pageObj.list[i];
            str += `<tr><td>${obj.name}</td><td>${obj.price}</td><td>${obj.creatDate}</td>
            <td><a class="layui-btn layui-btn-warm" href="javascript:del(${obj.id})">删除</a>
            <a class="layui-btn layui-btn-warm" href="javascript:findById(${obj.id})">修改</a></td></tr>`;
        }
        $("#productData").html(str);

        if(pageNO == 1){
            layui.use('laypage', function(){
                var laypage = layui.laypage;
                //执行一个laypage实例
                laypage.render({
                    elem: 'cutPageDiv', //注意，这里的 test1 是 ID，不用加 # 号
                    count: pageObj.total, //数据总数，从服务端得到
                    limit:pageObj.pageSize,
                    jump:function (obj,first) {
                        if(!first){
                            findByItem(obj.curr)
                        }
                    }
                })
            })
        };
    })
};

function del(id) {
    $.post("/product/del","id="+id,function (info) {
        if(info == 'ok'){
            findByItem(1);
        }
    })
}

function findById(id) {
    $.post("/product/findById","id="+id,function (obj) {
        $("#id").val(obj.id);
        $("#nameSpan").html(obj.name);
        $("#price").val(obj.price);
        $("#creatDateSpan").html(obj.creatDate);
    });

    layer.open({
        title:"修改商品信息",
        type:1,
        shadeClose:true,
        skin:'layui-layer-rim',
        area:['420px','240px'],
        anim:4,
        content:$("#updateDiv")
    });
}

function updateProduct() {
    $.post("/product/update","id="+$("#id").val()+"&price="+$("#price").val(),function (info) {
        if(info == 'ok'){
            findByItem(1);
            layer.closeAll();
        }
    })
}